.menu-body {
	height: 100%;
	:deep(.ant-card-body) {
		background-color: transparent;
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}
	ul {
		height: 100%;
		overflow-y: auto;
		gap: 2px;
		padding-bottom: 12px;
		place-content: start;
		li {
			height: fit-content;
			padding: 8px 0;
			user-select: none;
			border-radius: var(--radius);
			cursor: pointer;
			&:hover {
				background-color: var(--hover-bg);
			}
			img {
				border-radius: var(--radius);
			}
		}
		.file-title {
			white-space: nowrap;
			width: 100%;
			text-overflow: ellipsis;
			overflow: hidden;
			text-align: center;
			padding: 0 4px;
		}
		li.active {
			background: var(--active-bg);
		}
	}
}

:deep(.ant-tabs-content),
:deep(.ant-tabs) {
	height: 100%;
}
:deep(.ant-tabs-nav) {
	margin-bottom: 12px;
}
